#user-tab{
    margin-top: 30px;
    padding: 0px;
    border-radius: 5px;
    
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12) !important;
    height: 600px;
    margin-bottom: 20px;
}
#nav{
    z-index: 9999;
}
.left-nav-tab{
    background-color: #96b97d;
    width: 20%;
    height: 100%;

    text-align: center;
    justify-content: inherit;
}
a.nav-link-tab:link{
    color: white;
}
.nav-link.active {
    background-color: #28a745 !important;
  }
a.nav-link-tab:hover{
    background-color: #28a745;
}
.nav-link-user-img{
    margin-top: 15%;
    margin-bottom: 13%;
}
.user-card{
    height: 100px;
    margin-bottom: 10px !important;
}
.card-img{
    width: 150px;
    height: 95px;
}
.mark-house-price{
    position: absolute;
    top: 70px;
    right: 15px;
    color: tomato !important;
}
.house-card-nav{
    margin-top: 10px;
    margin-bottom: 10px;
}
#house-page{
    padding-left: 36%;
}
.post-user-img{
    width: 72px;
    height: 72px;
}
.reply-text{
    margin-top: -5%;
    margin-left: 5%;
}
.post-user-img-box{
    text-align: center;
    padding: 16px;
}
.upload-contract{
    position: absolute;
    top: 33%;
    left: 80%;
}
.message-box{
    margin-bottom: 20px;
}
.tab-content-title{
    background-color: #96b97d;
    height: 10%;
    width: 128.3%;
    margin-left: -18%;
    padding-top: 3.4%;
    padding-bottom: 3%;
    padding-left: 10%;
    color: white;
}
.upload-photo{ 
    position: relative; 
}
.upload-photo-btn{ 
    position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; height: 40px; width: 88px; 
}
.user-name{
    margin-right: 1%;
    color: rgba(0,0,0,.5);
}
.user-name:link{
    text-decoration: none;
}
.user-message{
    width: 10%;
    white-space: nowrap; 
    overflow:hidden;  

    text-overflow: ellipsis;
}
.user-name:hover{
    color: black;
}
#user-img{
    width: 15%;
    height: 15%;
    border-radius: 50%;
    margin-right: 1%;
}
.page-link{
    color: #28a745;
}